<template>
	<div id="quality-evaluate">
		<header id="header" class="mui-bar mui-bar-nav">
			<a class="mui-icon mui-icon-left-nav mui-pull-left" @click="goBack"></a>
			<h1 class="mui-title">{{title}}</h1>
		</header>
		<div class="mui-content">
			<ul class="mui-table-view introduce">
				<li class="mui-table-view-cell">
					<span>学生：</span>
					<p>{{StudentName + "(" + StudentNo + ")"}}</p>
				</li>
				<li class="mui-table-view-cell">
					<span>班级：</span>
					<p>{{ClassName}}</p>
				</li>
			</ul>
			<ul class="mui-table-view parent">
				<li class="mui-table-view-cell mui-collapse">
					<a class="mui-navigate-right" href="">指标评分:{{NormScore + " 分"}}</a>
					<div class="mui-collapse-content">
						<div>
							<ul class="mui-table-view mt0" v-for="(list,index) in lists">
								<li class="mui-table-view-cell pt0">
									<span>{{index+1 + "." + list.firstName + list.Score + " 分"}}</span>
									<ul>
										<li class="mui-table-view-cell" v-for="(item,index) in list.secondlist" style="padding-left: 20px;">
											<span>{{item.secondName + item.Score + " 分"}}</span>
											<ul>
												<li class="mui-table-view-cell ability" v-for="li in item.therdlist">
													<span>{{li.therdName + ":" + li.Score + " 分"}}</span>
												</li>
											</ul>
										</li>
									</ul>
								</li>
							</ul>
						</div>
					</div>
				</li>
				<li class="mui-table-view-cell mui-collapse">
					<a class="mui-navigate-right" href="">综合素质总分:{{TotalScorComprehensiveQuality + "分"}}</a>
					<div class="mui-collapse-content">
						<ul class="mui-table-view introduce mt0">
							<li class="mui-table-view-cell">
								<span>综合素质积分:</span>
								<p>{{ScorComprehensiveQuality}}</p>
							</li>
							<li class="mui-table-view-cell">
								<span>绩点分:</span>
								<p>{{PointScore}}</p>
							</li>
							<li class="mui-table-view-cell">
								<span>绩点分增值:</span>
								<p>{{PointScoreIncrease}}</p>
							</li>
						</ul>
					</div>
				</li>
				<li class="mui-table-view-cell mui-collapse">
					<a class="mui-navigate-right">学生自评</a>
					<div class="mui-collapse-content">
						<p>{{SelfComment}}</p>
					</div>
				</li>
				<li class="mui-table-view-cell mui-collapse">
					<a class="mui-navigate-right">班主任评价</a>
					<div class="mui-collapse-content">
						<p>{{TeacherComment}}</p>
					</div>
				</li>
				<li class="mui-table-view-cell mui-collapse">
					<a class="mui-navigate-right">专业部意见</a>
					<div class="mui-collapse-content">
						<p>{{DeptComment}}</p>
					</div>
				</li>
				<li class="mui-table-view-cell mui-collapse">
					<a class="mui-navigate-right">学校意见</a>
					<div class="mui-collapse-content">
						<p>{{SchoolComment}}</p>
					</div>
				</li>
			</ul>
		</div>
	</div>
</template>

<script>
	import {
		getQualityEvaluateReport
	}
	from '@/service/getData'
	export default {
		data() {
			return {
				title: "个人素质评价报告",
				StudentName: "",
				StudentNo: "",
				ClassName: "",
				NormScore: "",
				lists: [],
				TotalScorComprehensiveQuality: "",
				ScorComprehensiveQuality: "",
				PointScore: "",
				PointScoreIncrease: "",
				SelfComment: "",
				TeacherComment: "",
				DeptComment: "",
				SchoolComment: "",
				UserID: this.$route.params.id
			}
		},
		created() {
			let self = this;
			getQualityEvaluateReport({
				UserID: self.UserID
			}).then((res) => {
//				console.log(res);
				if(res.code == 1) {
					self.StudentName = res.data.StudentName;
					self.StudentNo = res.data.StudentNo;
					self.ClassName = res.data.ClassName;
					self.NormScore = res.data.NormScore;
					self.lists = res.data.Normlist;
					self.TotalScorComprehensiveQuality = res.data.TotalScorComprehensiveQuality;
					self.ScorComprehensiveQuality = res.data.ScoreEntity.ScorComprehensiveQuality;
					self.PointScore = res.data.ScoreEntity.PointScore;
					self.PointScoreIncrease = res.data.ScoreEntity.PointScoreIncrease;
					self.SelfComment = res.data.SelfComment;
					self.TeacherComment = res.data.TeacherComment;
					self.DeptComment = res.data.DeptComment;
					self.SchoolComment = res.data.SchoolComment;
				}

			})
		},
		methods: {

		}
	}
</script>

<style scoped>
	.mui-table-view-cell.mui-collapse .mui-table-view .mui-table-view-cell {
		padding-left: 10px;
	}
	
	.mui-table-view-cell.mui-collapse .mui-table-view .mui-table-view-cell:after {
		left: 0;
	}
	
	.mui-table-view-cell.mui-collapse .mui-collapse-content {
		margin: 10px -10px -11px;
	}
	
	.mui-table-view-cell.mui-collapse.mui-active>a {
		/*#c8c7cc*/
		/*margin:-10px -15px;
		border:1px solid #c8c7cc;*/
	}
	
	.parent>li {
		padding: 11px 10px;
	}
	
	.mt0 {
		margin-top: 0!important;
	}
	
	.pt0 {
		padding-top: 0!important;
	}
	
	.pb0 {
		padding-bottom: 0!important;
	}
	
	.pl0 {
		padding-left: 0!important;
	}
</style>